.homeContainer {
  display: grid;
  grid-template-columns: 1.5fr 1.1fr 1.1fr 1.5fr 1.7fr 0.5fr;
  // grid-template-columns: 1.5fr 1.1fr 1.1fr 1.5fr 1.4fr 0.5fr;
  grid-template-rows: 0.3fr 0.2fr 3.3fr 1.6fr 0.3fr;
  // grid-template-rows: 0.3fr 0.3fr 3.1fr 1.7fr 0.3fr;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  justify-content: space-evenly;
  align-content: space-evenly;
  justify-items: stretch;
  align-items: stretch;
}

.home--timing {
  justify-self: end;
  align-self: center;
  grid-area: 1 / 5 / 2 / 6;
}

.home--setting {
  justify-self: center;
  align-self: center;
  grid-area: 1 / 6 / 2 / 7;
}

.home--logotitle {
  grid-area: 1 / 1 / 2 / 2;
}

.home--video_btn_sub1 {
  justify-self: end;
  align-self: start;
  grid-area: 4 / 1 / 5 / 3;
}

.home--thirtyapp {
  grid-area: 3 / 5 / 5 / 7;
}

.home--middle_title {
  justify-self: center;
  align-self: start;
  grid-area: 1 / 1 / 3 / 7;
}

.home--video_btn_main {
  justify-self: center;
  align-self: end;
  grid-area: 3 / 1 / 4 / 5;
}

.home--video_btn_sub2 {
  justify-self: start;
  align-self: start;
  grid-area: 4 / 3 / 5 / 5;
}

//*******************************
// .homeContainer {  display: grid;
//   grid-template-columns: 1.5fr 1.1fr 1.1fr 1.5fr 1.4fr 0.5fr;
//   grid-template-rows: 0.3fr 0.3fr 3.1fr 1.7fr 0.3fr;
//   grid-auto-rows: 1fr;
//   gap: 0px 0px;
//   grid-auto-flow: row;
//   justify-content: space-evenly;
//   align-content: space-evenly;
//   justify-items: stretch;
//   align-items: stretch;
// }

// .home--timing {
//   justify-self: end;
//   align-self: center;
//   grid-area: 1 / 5 / 2 / 6;
// }

// .home--setting {
//   justify-self: center;
//   align-self: center;
//   grid-area: 1 / 6 / 2 / 7;
// }

// .home--logotitle { grid-area: 1 / 1 / 2 / 2; }

// .home--video_btn_sub1 {
//   justify-self: end;
//   align-self: start;
//   grid-area: 4 / 1 / 5 / 3;
// }

// .home--video_btn_sub2 {
//   justify-self: start;
//   align-self: start;
//   grid-area: 4 / 3 / 5 / 5;
// }

// .home--thirtyapp { grid-area: 3 / 5 / 5 / 7; }

// .home--middle_title {
//   justify-self: center;
//   align-self: start;
//   grid-area: 1 / 1 / 3 / 7;
// }

// .home--video_btn_main {
//   justify-self: center;
//   align-self: end;
//   grid-area: 3 / 1 / 4 / 5;
// }

/********/
.home {
  width: 100%;
  height: 100%;
  background: rgba(13, 31, 67, 1);
  //   overflow: hidden;
}

.homeContainer {
  width: 100%;
  height: 100%;
  background: rgba(13, 31, 67, 1);

  .home--middle_title {
    font-size: 1.5vw;
    // font-size: 31px;
    font-family: LiSu, STLiti, "Microsoft YaHei";
    /* font-family:'Courier New', Courier, monospace; */
    /* color: #FFF; */
    color: #50e3c2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: stretch;
    background: url("@src/assets/img/toptitle-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 6.2%;
    background-attachment: fixed;
  }
}

// .app-type1 {
//   width: 100%;
//   height: 100%;
// }

// .home--middle_title {
//   width:100%;
//   height:100%;
//   display:flex;
//   flex-direction: row;
//   flex-wrap: nowrap;
//   justify-content: center;
//   align-content: center;
//   align-items: stretch;
//   background:url('@src/assets/img/toptitle-bg.png');
//   background-repeat:no-repeat ;
//   background-size:100% 6%;
//   background-attachment: fixed;
//   color:#50E3C2;
// }

body {
  // width: 100%;
  height: 100%;
  /* width: 1920px;
  height: 1080px; */
  // overflow: hidden
}
